﻿<h3 class="important-tittle">Data Pagination</h3>

<div class="doc-alert">
    Even this works, it has a bad visual effect in UWP, this issue will be fixed asap.
</div>

<p>
    You can always use <i class="text-muted">Axis.MinValue</i> and <i class="text-muted">Axis.MaxValue</i>
    properties to set the range of an axis, in this example we have a line series with 100 points, and we
    are only showing the 25 records the user wants to see.
</p>

<div class="text-center">
    <img src="/App/Examples/v1/Data Pagination/Images/customzoomingandpanning.gif"/>
</div>

<div class="doc-alert">
    To keep this example always up to date it is directly pulled from the Github repository, the
    repo for simplicity uses the <i>Page</i> class to wrap every example, but you can use any
    container for your plots.
</div>

<h4>Code Behind</h4>

<pre class="prettyprint" url="https://raw.githubusercontent.com/beto-rodriguez/Live-Charts/master/Examples/Uwp/CartesianChart/ManualZAndP/ManualZAndPExample.xaml.cs"></pre>

<h4>XAML</h4>

<pre class="prettyprint" url="https://raw.githubusercontent.com/beto-rodriguez/Live-Charts/master/Examples/Uwp/CartesianChart/ManualZAndP/ManualZAndPExample.xaml"></pre>